/**************************************************************
/* public.css
/* jpl 11/06/09
/*
/*	Front end styles
/*************************************************************/


/*------------------------------------------------------------------------------*/
/* SECTION::Global HTML Resets */

html {
	padding:				0;
	margin:					0;
}

body {
	text-align:				center;
	padding:				0;
	margin:					20px 20px 20px 100px;
	background:				#000;
	font-family:			Tahoma, Verdana, Arial, Sans-Serif;
	font-size:				15px;
	color:					#FFF79F;
}

/* End SECTION::Global HTML Resets
/*------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------*/
/* SECTION::Main window and pages within  */

.mainWindow {
	height:					450px;
	width:					400px;
	background:				#fff;
	padding:				20px;
	border-radius:			20px;
	margin:					auto;
	-moz-user-select:		none;
	-webkit-user-select:	none;
}

.mainWindow #viewPort {
	height:					100%;
	width:					100%;
	overflow:				hidden;
	background:				#000;
	border-radius:			15px;
}

.mainWindow #viewPort .page {
	position:				relative;
	height:					450px;
	width:					400px;
	background:				#A00;
	background:				-moz-linear-gradient(top, #900, #C00 30%, #400 90%);
	background:				-webkit-gradient(linear, left top, left bottom, color-stop(0, #900000), color-stop(0.3, #c00000), color-stop(0.9, #400000));
	filter:					progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#A00000, endColorstr=#400000);
	-ms-filter:				"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#A00000, endColorstr=#400000)";
	font-size:				16px;
	float:					left;
	border-radius:			15px;
	text-align:				left;
}

.mainWindow .page .inner {
	padding:			20px 40px;
}

.page .pageContent {
	margin-top:				30px;
	background:				#400;
	background:				-moz-linear-gradient(top, #300, #500 30%, #200 90%);
	background:				-webkit-gradient(linear, left top, left bottom, color-stop(0, #300000), color-stop(0.3, #500000), color-stop(0.9, #200000));
	filter:					progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#600000, endColorstr=#200000);
	-ms-filter:				"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#600000, endColorstr=#200000)";
	border-radius:			15px;
	padding:				10px 10px 10px 20px;
	height:					300px;
}

/* End SECTION::Main window and pages within
/*------------------------------------------------------------------------------*/
	
/*------------------------------------------------------------------------------*/
/* SECTION::Pop Up Windows  */
.popUpWindow {
	margin-bottom:			0px;
	border:					2px solid #000000;
	border-radius:			10px;
background: #990000; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  #990000 0%, #cc0000 30%, #440000 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#990000), color-stop(30%,#cc0000), color-stop(90%,#440000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #990000 0%,#cc0000 30%,#440000 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #990000 0%,#cc0000 30%,#440000 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #990000 0%,#cc0000 30%,#440000 90%); /* IE10+ */
background: linear-gradient(to bottom,  #990000 0%,#cc0000 30%,#440000 90%); /* W3C */
	box-shadow:				4px 4px 3px #888;
	text-align:				left;
}
.popUpWindow .titleBar {
	position:				relative;
	padding:				1px 10px 7px 10px;
	height:					20px;
	font-size:				20px;
	background:				#000;
	border-radius:			8px 8px 0 0;
}
.popUpWindow .titleBar span.theTitle {
	display:				block;
	margin-left:			7px;
	padding-right:			9px;
	font-weight:			900;
	padding-bottom:			4px;
}

.popUpWindow .titleBar span.closeIcon {
	position:				absolute;
	top:					5px;
	right:					7px;
	background:				url(../images/iconWhiteBigX.png) no-repeat;
	height:					23px;
	width:					23px;
	cursor:					pointer;
}



.popUpWindow div.content {
	padding:				5px 10px;
	position:				relative;
	margin:					0;
	padding:				8px;
	overflow:				auto;
}
	.popUpWindow div.content span.resizeIcon {
		position:				absolute;
		right:					1px;
		bottom:					1px;
		height:					16px;
		width:					16px;
		background:				transparent url(../images/iconResize.png) no-repeat;
		cursor:					se-resize;
	}

/* End SECTION::Pop Up Windows
/*------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------*/
/* SECTION::Zen Pop Up Windows */
.zenPopUpWindow {
	margin-bottom:			0px;
	border:					1px solid #b9b3af;
	background:				#eef8fb url(../images/popUpBodyBG.jpg) no-repeat bottom right;
	box-shadow:				4px 4px 3px rgba(180, 180, 250, 0.7);
	text-align:				left;
}
.zenPopUpWindow .titleBar {
	position:				relative;
	font-size:				16px;
	padding:				5px 0 0 9px;
	cursor:					move;
}
.zenPopUpWindow .titleBar span {
	color:					#3c6b98;
}

.zenPopUpWindow .titleBar span.closeIcon {
	position:				absolute;
	top:					5px;
	right:					7px;
	background:				url(../images/icon18ClosePopUp.gif) no-repeat;
	height:					18px;
	width:					18px;
	cursor:					pointer;
}


.zenPopUpWindow .content {
	position:				relative;
	margin:					0;
	padding:				8px 10px 70px 10px;
	font-size:				12px;
	color:					#278622;
}

/* End SECTION::Pop Up Windows
/*------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------*/
/* SECTION::Buttons  */
a.button, input[type=submit], input[type=button] {
	font-size: 14px;
	margin-right: 10px;
	display: inline-block;
	background:#fff;
	border:1px solid #757575;
	text-align:center;
	white-space:			nowrap;
	-moz-user-select:		none;
	-webkit-user-select:	none;
	line-height: 14px !important;
	text-decoration:none;
	color:#000;
	padding:3px 10px;
	cursor: pointer;
	border-radius:11px;-webkit-border-radius:11px;-moz-border-radius:11px;
	-moz-box-sizing: content-box;
	-moz-box-shadow:
		2px 2px 3px rgba(0, 0, 0, .2),
		0px 0px 3px rgba(0, 0, 0, .1),
		inset 2px -9px 5px #fff,
		inset 0px -10px 6px #aaa,
		inset 0px 0px 2px #444
}
input[type=submit], input[type=button] {
	padding: 0 5px 1px 5px;
}
a.button:hover, input[type=submit]:hover, input[type=button]:hover {
	-moz-box-shadow:
		inset 2px -9px 5px #fff,
		inset 0px -10px 6px #aaa,
		inset 0px 0px 2px #444,
		2px 2px 3px rgba(0, 0, 0, .2),
		0px 0px 5px #669DDD;
	-webkit-box-shadow:
		inset 2px -9px 5px #fff,
		inset 0px -10px 6px #aaa,
		inset 0px 0px 2px #444,
		2px 2px 3px rgba(0, 0, 0, .2),
		0px 0px 5px #669DDD;
}
a.button:active, input[type=submit]:active, input[type=button]:active {
	background:#fff;
	-moz-box-shadow:
		inset 0px -3px 5px #b1e5f1,
		inset 0px -10px 6px #4182c3,
		inset 0px 0px 2px #444,
		2px 2px 3px rgba(0, 0, 0, .2),
		0px 0px 5px #669DDD;
	-webkit-box-shadow:
		inset 0px -3px 5px #b1e5f1,
		inset 0px -10px 6px #4182c3,
		inset 0px 0px 2px #444,
		2px 2px 3px rgba(0, 0, 0, .2),
		0px 0px 5px #669DDD;
}

/* End SECTION::Buttons
/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/
/* SECTION::Universal Utility  */
	
	.left       { float: left; }			td.left			{ text-align: left;  float: none; }
	.right      { float: right;}			td.right		{ text-align: right; float: none; }
	.clear      { clear: both; }
	
	.inline		{ display: inline; }
	.block		{ display: block; }
	.inlineBlock{ display: inline-block; }
	
	.justify	{ text-align: justify; }
	.bold		{ font-weight: 900; }
	.relative	{ position: relative; }
	.absolute	{ position: absolute; }
	.clickable	{ cursor: pointer; }
	
	.center     { text-align: center; }				/* CENTER elements contained by me  */
	.centered   { display: block; margin: 0 auto; } /* make me CENTERED in my container */
	
	.verticalMiddle td, td.verticalMiddle	{ vertical-align: middle; }
	div.verticalMiddle						{ vertical-align: middle; }
	.verticalMiddle>*						{ vertical-align: middle; }
	
	.hidden     	{ display: none; }
	.truncatedText	{ overflow: hidden; }
	.hideOverflow	{ overflow: hidden; }
	
	.nextElement	{ margin-top:  6px; }
	.nextSection	{ margin-top: 16px; }
	
/* End SECTION::Universal Utility
/*------------------------------------------------------------------------------*/

